<template>
  <div class="inventory">
    <!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>
        <i class="iconfont icon-fl-jia"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item>出库管理</el-breadcrumb-item>
      <el-breadcrumb-item>库存</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 库存条件搜索 -->
    <InventorySearch />
    <!-- 库存列表 -->
    <InventoryList />
    <br><br>
  </div>
</template>

<script>
  import InventoryList from '@/components/workbench/deliver/InventoryList'
  import InventorySearch from '@/components/workbench/deliver/InventorySearch'

  export default {
    name: 'Inventory',
    components: {
      InventorySearch,
      InventoryList,
    }
  }

</script>

<style scoped>
  .inventory {
    background-color: #F5F7FA;
    height: 100%;
  }

  /* 面包屑导航 */
  .el-breadcrumb {
    cursor: pointer;
    padding: 15px 15px;
    border-bottom: 1px solid #d2d2d2;
  }

</style>
